.workdetail{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.workdetail .goindex{
	position: fixed;
	right: 0.1rem;
	bottom: 1.2rem;
	width: 1.2rem;
	height: 1.2rem;
	background: url(../../images/gohome.png) no-repeat;
	background-size: cover;
	z-index: 110;
}
.workdetail-header{
	position: fixed;
	left: 0;
	top:0;
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	background: #FBD42D;
}
.workdetail-header .back{
	position: absolute;
    left: 0.3rem;
    top: 0.3rem;
    width: 0.4rem;
    height: 0.4rem;
    background: url(../../images/back.png) no-repeat;
    background-size: cover;
}

.workdetail .wrap{
	position: absolute;
	left:0;
	top:1rem;
	right: 0;
	bottom:1rem;
	overflow: hidden;
}
.workdetail .banner{
	width: 100%;
	height: 4rem;
	background: #ccc;
    position: relative;
}
.workdetail .banner>img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.workdetail .banner>video{
	display: block;
	width: 100%;
	height: 100%;
	
}
.workdetail .banner .videoimg{
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.workdetail .banner .playbtn{
	position: absolute;
	left: 50%;
	top:50%;
	margin-left: -0.25rem;
	margin-top: -0.3rem;
	width: 0.47rem;
	height: 0.59rem;
	background: url(../../images/play.png) no-repeat;
	background-size: cover;
}
.workdetail .banner .am-carousel-wrap{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.5rem;
   text-align: center;
}

.workdetail .banner .am-carousel-wrap .am-carousel-wrap-dot{
   display: inline-block;
   width: 0.2rem;
   height: 0.2rem;
   position: relative;
   margin: 0 0.05rem;
}
.workdetail .banner .am-carousel-wrap .am-carousel-wrap-dot span{
   position: absolute;
   width: 0.2rem;
   height: 0.2rem;
   background: #fff;
   left: 0;
   top:0;
   border-radius: 0.1rem;
}
.workdetail .banner .am-carousel-wrap .am-carousel-wrap-dot-active span{
   background: #FBD42D;
} 
.workdetail .workinfo {
	position: relative;
	border-bottom: 1px solid #F2F2F2;
	padding-bottom: 0.4rem;
}
.workdetail .workinfo h3{
	padding: 0.5rem;
	color: #333;
}
.workdetail .workinfo .del{
  position: absolute;
  right: 0.3rem;
  top:0.3rem;
  color: #A8A8A8;
  border: 1px solid #E2E2E2;
  height: 0.5rem;
  width: 1.3rem;
  text-align: center;
  line-height: 0.5rem;
  font-size: 0.26rem;
  border-radius: 0.3rem;
}
.workdetail .workinfo dl{
	overflow: hidden;
	line-height: 0.5rem;
	padding-left: 0.3rem;
}
.workdetail .workinfo dl dt{
	float: left;
	width: 0.5rem;
	height: 0.5rem;
	overflow: hidden;
	border-radius: 50%;
}
.workdetail .workinfo dl dt>img{
	display: block;
	width: 100%;
	height: 100%;
}
.workdetail .workinfo dl dd{
	float: left;
	width: 6.3rem;
	color:#979797;
	font-size: 0.24rem;
}
.workdetail .workinfo dl dd p{
	float: left;
	margin-left: 0.2rem;
	width: 2.5rem;
	height:0.5rem;
	line-height: 0.5rem;
	overflow: hidden;
	color: #646464;
	font-size: 0.26rem;
}
.workdetail .workinfo dl dd .commentnum{
  float: right;
  padding-left: 0.3rem;
  position: relative;
}
.workdetail .workinfo dl dd .commentnum i{
	position: absolute;
	left: 0;
	top:0.15rem;
	width: 0.24rem;
	height: 0.24rem;
	background: url(../../images/pinglun@3x.png) no-repeat;
	background-size: cover;
}
.workdetail .workinfo dl dd .likenum{
  float: right;
  padding-left: 0.3rem;
  position: relative;
  margin-right: 0.4rem;
}
.workdetail .workinfo dl dd .likenum i{
	position: absolute;
	left: 0;
	top:0.13rem;
	width: 0.24rem;
	height: 0.24rem;
	background: url(../../images/likenum.png) no-repeat;
	background-size: cover;
}

.workdetail .commentbox{
	padding:0.3rem;
}
.workdetail .commentbox h3{
	color: #333;
	font-size: 0.3rem;
}
.workdetail .commentbox  ul {
	padding-top: 0.3rem;
}
.workdetail .commentbox  ul li{
	 position: relative;
	 margin-bottom: 0.5rem;
}
.workdetail .commentbox  ul li span{
	position: absolute;
	color: #ABABAB;
	font-size: 0.24rem;
	height: 0.5rem;
	line-height: 0.5rem;
	right: 0;
	top:0;
}
.workdetail .commentbox  ul li dl{
	overflow: hidden;
}
.workdetail .commentbox  ul li dl dt{
	float: left;
	width: 0.5rem;
	height: 0.5rem;
	overflow: hidden;
	border-radius: 50%;
}
.workdetail .commentbox  ul li dl dt>img{
	display: block;
	width: 100%;
	height: 100%;
}
.workdetail .commentbox  ul li dl dd{
	float: left;
	width: 4rem;
	height: 0.5rem;
	overflow: hidden;
	line-height: 0.5rem;
	padding-left: 0.2rem;
	font-size: 0.28rem;
	color: #7E7E7E;
}
.workdetail .commentbox  ul li  p{
	padding-top: 0.2rem;
	color: #646464;
}
.workdetail .form{
	position: absolute;
	width: 100%;
	background: #fff;
    left: 0rem;
    bottom: 0rem;
    overflow: hidden;
    padding-bottom: 0.3rem;
}
.workdetail  .form p {
    width:3.7rem;
    height: 0.7rem;
    background: #F7F5FF;
    position: relative;
    padding-left: 0.7rem;
    border-radius: 0.1rem;
    float: left;
    margin-left: 0.2rem;
}
.workdetail .form p i {
    position: absolute;
    left: 0.3rem;
    top: 0.25rem;
    width: 0.25rem;
    height: 0.25rem;
    background: url(../../images/penceil.png) no-repeat;
    background-size: cover;
}
.workdetail .form p input {
    background: none;
    display: block;
    width: 3.7rem;
    height: 0.7rem;
    line-height: 0.7rem;
    color: #6943EA;
    font-size: 0.28rem;
}
.workdetail .form span {
    float: left;
    width: 1.5rem;
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    color: #fff;
    background: #6943EA;
    margin-left: 0.3rem;
    border-radius: 0.35rem;
    font-size: 0.24rem;
}
.workdetail .form  em{
	float: left;
	margin-left: 0.2rem;
	margin-top: 0.05rem;
	width: 0.6rem;
	height: 0.6rem;
	background: url(../../images/mylike.png) no-repeat;
	background-size: cover;
}
.workdetail .form  em.like{
	background: url(../../images/myunlike.png) no-repeat;
	background-size: cover;
}

.workdetail .mask{
	position: fixed;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}
.workdetail .mask p{
	position: absolute;
	left: 0;
	top:50%;
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	margin-top: -0.5rem;
	text-align: center;
	color: #fff;
}

.workdetail .delmodal{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top:0;
  background: rgba(0,0,0,0.5);
  z-index: 101;
}
.workdetail .delmodal .modal{
	background: #fff;
	width: 5rem;
	height: 5.5rem;
	position: absolute;
	left: 50%;
	top:50%;
	margin-top: -3rem;
	margin-left: -2.5rem;
	border-radius: 0.1rem;
}
.workdetail .delmodal .modal span{
	width: 1.17rem;
	height:1.716rem;
	margin: 0.7rem auto;
	display: block;
	background: url(../../images/dustbin.png) no-repeat;
	background-size: cover;
}
.workdetail .delmodal .modal  h3{
	text-align: center;
	color: #333;
}

.workdetail .delmodal .modal .delbtn{
	position: absolute;
	bottom: 0;
	height: 1.1rem;
	width: 100%;
	border-top: 1px solid #F1F1F1;
}
.workdetail .delmodal .modal .delbtn em{
	float: left;
	width: 50%;
	text-align: center;
	line-height: 1.1rem;
	color: #AFAFAF;
}
.workdetail .delmodal .modal .delbtn em:nth-of-type(1){
	border-right: 1px solid #F1F1F1;
	box-sizing:border-box;
}
.workdetail .delmodal .modal .delbtn em.orange{
	color: #FBD42D;
}

.workdetail .swiper{
	position: fixed;
	left: 0;
	top:0;
	background: #000;
	width: 100%;
	height: 100%;
	z-index: 110;
}
.workdetail .swiper .am-wingblank-lg{
  height: 100%;
}
.workdetail .swiper li a{
	position: relative;
}
.workdetail .swiper li a img{
    position: absolute;
    width: 100%;
    object-fit:cover;
}

.maskimg{
	position: fixed;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	background: #000;
}
.maskimg>img{
    position: absolute;
    width: 100%;
    object-fit:cover;
    top:0;
}